.q_header_package {
    margin-bottom: -86px;
    height: 197px;
}
.q_header_package {
    background: #fff;
}
.q_header {
    margin: 0 auto -427px;
    width: 100%;
    min-width: 980px;
    height: 500px;
    font: normal 12px/1.5 tahoma,arial,sans-serif;
}
.q_header .q_header_main {
    margin: 0 auto;
}
.q_header .q_header_main {
    margin: 0 auto;
    width: 980px;
    height: 73px;
    *z-index: 10;
}
.q_header .q_header_logo {
    float: left;
    display: inline;
    margin: 15px 0 0 0;
    width: 128px;
    height: 50px;
    position: relative;
    left: -170px;
}
.q_header .q_header_logo a {
    display: block;
    width: 136px;
    height: 54px;
    overflow: hidden;
    outline: 0;
}
.q_header img {
    position: relative;

    width: 100%;
    height: 140%;
    top: -20px;
}
.q_header .q_header_tnav {
    *overflow: hidden;
    float: right;
    display: inline;
    padding: 6px 0 0 0;
    width: 688px;
    height: 14px;
    position: relative;
    right: -100px;
    top: -82px;
}
.mymain{
    width: 100%;
    height: 63px;
    background-color: #00afc7;

    background-size: cover;
}
.q_header .q_header_tnav ul {
    float: right;
    display: inline;
    line-height: 14px;
    font-family: tahoma,arial,sans-serif;
    position: relative;
    top: 40px;
}
.q_header ul, .q_header ol, .q_header dl, .q_header dd {
    margin: 0;
    padding: 0;
}
.q_header ul, .q_header ol {
    list-style: none;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.q_header .q_header_tnav li.q_header_username {
    padding-right: 0;
    background: 0;
}
.q_header .q_header_tnav li {
    float: left;
    display: inline;
    padding: 0 11px 0 10px;
    background: url(../../images/li.png) 100% -98px no-repeat;
    background-position: 100% -100px\0;
    *background-position: 100% -100px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.q_header .q_header_tnav li.q_header_username span, .q_header .q_header_tnav li.q_header_register span {
    margin-right: 5px;
}
.q_header .q_header_tnav li.q_header_username a, .q_header .q_header_tnav li.q_header_register a {
    color: white;
}
.q_header .q_header_tnav li a {
    text-decoration: none;
    color: white;
}
.q_header a {
    text-decoration: none;
}
.q_header .q_header_tnav li.q_header_register {
    padding-left: 5px;
}
.q_header .q_header_tnav li.q_header_message {
    min-width: 76px;
    *width: 76px;
    position: relative;
    left: -1px;
    top: -1px;
    height: 19px;
    border: 0 solid black;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
}
.q_header .q_header_tnav li .q_header_qm_inner {
    padding: 5px 10px 0 10px;
    margin-top: -5px;
    *margin-left: -2px;
    *padding-top: 3px;
    background: 0;
    height: 19px;
    *height: 21px;
    bottom: -1px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
}
.q_header .q_header_tnav .q_header_message i {
    position: relative;
    _top: 4px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../../images/xinxi.png) -30px -153px no-repeat;
    width: 11px;
    height: 8px;
    display: inline-block;
    overflow-x: hidden;
    margin-right: 5px;
}
.q_header .q_header_mnav {
    float: left;
    display: inline;
    padding: 17px 0 0 10px;
    position: relative;
    *z-index: 1200;
    margin-right: -50px;
}
.q_header .q_header_mnav ul {
    width: 760px;
    margin-right: -50px;
}
.q_header .q_header_mnav li {
    float: left;
    height: 36px;
}
.q_header .q_header_mnav li .q_header_navlink {
    float: left;
    cursor: pointer;
    height: 100%;
    text-decoration: none;
}
.q_header .q_header_mnav li .q_header_navlink span {
    margin: 12px 10px 0 10px;
    width: 33px;
    height: 16px;
    display: block;
    color: #3c3c3c;
    *overflow: hidden;
}
.q_header .q_header_mnav li .q_header_navlink span b {
    vertical-align: top;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1;
    _line-height: 1.2;
    font-weight: bold;
    font-family: "Hiragino Sans GB W3","Microsoft Yahei",\5b8b\4f53;
    *font-family: \5b8b\4f53;
    position: relative;
}
.p_nav {
    overflow: hidden;
    position: relative;
    left: -170px;
    width: 805px;
    /*    top: 15px;*/
}
.p_nav_ct {
    width: 555px;
    height: 38px;
    margin: 0 auto;
    position: relative;
    left: -100px;
}
.p_nav_ct .deactve {
    float: left;
    display: inline;
    position: relative;
    white-space: nowrap;
    height: 63px;
    line-height: 63px;
}
.p_nav_ct .deactve a {
    padding: 0 17px;
    height: 38px;
    font: 700 14px/38px Arial;
    color: #2e2e2e;
    display: inline-block;
}
.q_header a {
    text-decoration: none;
}
.deactve:hover{
    background-color: #787878;


}
.deactve:hover a{
    color: white;
    text-decoration: none;
}









.head{
    height: 50px;
}
/*img {
    width: 100%;
    height: auto
}*/

div {
    height: auto;
    margin: auto;
}
body {
    min-height: 500px;
    margin: 0;
    padding: 0;
    font: normal 12px/1.5 arial,\5fae\8f6f\96c5\9ed1,sans-serif;
    color: #333;
    -webkit-text-size-adjust: 100%;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, th, td {
    margin: 0;
    padding: 0;
}
.page-w1200 .wrap, .page-w1200 .tts_search_main, .page-w1200 .tts_nav_main, .page-w1200 .e_crumbs_ct, .page-w1200 .tts_supplier_main {
    width: 1200px;
}
.page-w1200 {
    min-width: 1200px;
}
.wrap {
    margin: 0 auto;
    padding: 3px 0 0 0;
}
.tabimg {
    float: left;
    width: 480px;
    overflow: hidden;
}
.tabimg {
    width: 480px;
    float: left;
    position: relative;
}
.layui-carousel{
    width: 500px !important;
    height: 380px !important;
}
.clrfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: ".";
}
.top-mod {
    margin-bottom: 30px;
}
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.summary h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}
.summary h1 em {
    position: relative;
    left: -9px;
    margin-right: -10px;
}
small, em, var, i {
    font-style: normal;
}
.page-w1200 .summary {
    width: 688px;
}
.summary {
    float: right;
}
.level_comfortable {
    width: 54px;
}
.q_diamonds {
    display: inline-block;
    overflow: hidden;
    margin: 0 5px;
    height: 16px;
    vertical-align: middle;
    background: url(../../images/diamond.gif) no-repeat 0 0;
}
.summary h2 {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    clear: both;
    font-family: microsoft yahei;
    padding: 0 0 10px;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.feature-row {
    font-size: 0;
    margin-bottom: 12px;
    color: #ff8300;
}
.feature-star, .feature-label, .feature-value {
    display: inline-block;
    vertical-align: middle;
}
.feature-star {
     font-size: 16px;
     padding-right: 12px;
 }
.iconfont {
    font-family: package_b2c_frontend!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .1px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    background-image: url("../../images/xingxing.svg");
}
.feature-label {
    padding-right: 5px;
    font-size: 14px;
}
.feature-value {
    font-size: 14px;
    color: #212121;
}
.summary .price-info {
    position: relative;
    z-index: 5;
    border: 1px solid #ffe3c5;
    background: #fffdf5;
    padding: 10px 14px 0;
    *zoom: 1;
    top: -20px;
}
.summary .price-info .price-main {
    width: 100%;
    height: 100%;
    border-bottom: 1px dotted #ccc;
}
.summary .price-info .number {
    color: #ff4000;
}
.summary .price-info .number var {
    font-size: 30px;
    font-weight: bold;
    margin-right: 3px;
}
small, em, var, i {
    font-style: normal;
}
.summary .price-info .order {
    border-bottom: 0;
    padding-bottom: 5px;
}
.summary .order {
    position: relative;
    z-index: 4;
    padding: 5px 0 10px;
    border-bottom: 1px solid #eee;
}
ol, ul {
    list-style: none;
}
.summary .price-info .order li {
    padding-left: 60px;
}
.summary .order li {
    line-height: 26px;
    position: relative;
    *zoom: 1;
    top: 2px;
    padding: 0 0 0 81px;
}
.summary .price-info .order label {
    left: 0;
}
.summary .order li label {
    color: #999;
    position: absolute;
    top: 1px;
    left: 16px;
    font-size: 12px;
}
label {
    cursor: default;
}
li {
    text-align: -webkit-match-parent;
}
.summary .order li span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *zoom: 1;
    font-size: 10px;
}
.features .b_agio {
    display: inline-block;
    height: 18px;
    line-height: 16px;
    margin-right: 5px;
}

.features .e_agio_icon {
    padding: 0 4px;
    height: 18px;
    position: relative;
    z-index: 225;
    cursor: pointer;
    font-size: 12px;
    left: 10px;
}
.summary .order li .red, .visa-buy .features .red {
    border: 1px solid #f55;
    color: #f55;
}

.features .e_agio_icon .tips {
    white-space: pre-line;
    display: none;
    position: absolute;
    color: #333;
    cursor: default;
    z-index: 3;
    top: 26px;
    left: 0;
    text-align: left;
    border: 1px solid #f8d3a7;
    background: #fffedf;
    width: 260px;
    padding: 10px 8px;
    font: normal 12px/18px Arial,sans-serif;
}
.features .e_agio_icon .i3 {
    width: 13px;
    height: 8px;
    font: normal 1px/1px Arial,sans-serif;
    display: none;
    background: url(//source.qunarzz.com/tts/agio/skin_v13.png) 0 -21px;
    position: absolute;
    z-index: 4;
    top: 19px;
    left: 50%;
    margin-left: -6px;
}
.e_agio_icon:hover .tips{
    display: block;
}
.e_agio_icon:hover .i3{
    display: block;
}
.summary .order li span em {
    vertical-align: middle;
    display: inline-block;
    margin-right: 9px;
}
.summary .order li .division {
    position: relative;
    top: -1px;
    width: 1px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 9px 0 0;
    border-left: 1px solid #ccc;
    overflow: hidden;
}
.summary .order li span em a {
    color: #00afc7;
}
a {
    color: #369;
    text-decoration: none;
}
.summary .order li .blue, .visa-buy .features .blue {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.my1{
    top: -15px;
    height: 100px;
}
a:hover{
    text-decoration: none !important;
}
.summary .ensure {
    position: relative;
    top: -18px;
    padding: 10px 0 0 0;
}
.page-w976 .summary .ensure li, .page-w1200 .summary .ensure li {
     height: auto;
 }
.summary .ensure li label {
    color: #999;
    position: absolute;
    top: 0;
    left: 16px;
    font-size: 12px;
}
.promise-list .promise {
    cursor: pointer;
}
.promise-list .promise, .promise-list .promise-new {
    padding: 0 4px;
    height: 16px;
    display: inline-block;
    z-index: 225;
    font-size: 10px;
}
.summary .ensure li .tag {
    display: inline-block;
    width: 13px;
    height: 16px;
    line-height: 0;
    vertical-align: middle;
    background: url(../../images/detail-icov10.png) no-repeat -312px 0;
    margin-right: 4px;
}
.promise-list .promise .promise-tips {
    position: relative;

}
.promise-list .promise .i3, .promise-list .promise-new .i3 {
    width: 13px;
    height: 8px;
    font: normal 1px/1px Arial,sans-serif;
    display: none;
    background: url(//source.qunarzz.com/tts/agio/skin_v13.png) 0 -21px;
    position: absolute;
    z-index: 4;
    top: -4px;
    left: 50%;
    margin-left: -6px;
}

.summary .ensure span {
    _padding: 4px 0 0 0;
    display: inline-block;

}
.promise-list .promise .tips {
    display: none;
    position: absolute;
    color: #333;
    cursor: default;
    z-index: 10;
    top: 3px;
    left: 0;
    text-align: left;
    border: 1px solid #f8d3a7;
    background: #fffedf;
    width: 260px;
    padding: 10px 8px;
    font: normal 12px/18px Arial,sans-serif;
}
.summary .ensure li {
    height: 27px;
    line-height: 27px;
    position: relative;
    *zoom: 1;
    padding: 0 0 0 81px;
    vertical-align: middle;
}
.promise:hover .tips{
    display: block;
}
.promise:hover .i3{
    display: block;
}
.clr_after:after, .clrfix:after, .cf:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: ".";
}
.date-box {
    min-height: 361px;
    border: 2px solid #ff5800;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.clrfix {
    zoom: 1;
}
.calendar-main {
    float: left;
    margin-left: 12px;
    display: inline;
    width: 470px;
    overflow: hidden;
}
.calendar-main .h3 {
    height: 47px;
    _height: 50px;
    padding: 5px 20px 4px 34px;
    position: relative;
    z-index: 1;
    font: 14px/32px Arial;
    text-align: left;
    zoom: 1;
}
ol, ul {
    list-style: none;
}
.calendar-main .ul_time_tab .on {
    cursor: default;
    width: 100px;
    height: 50px;
}
.calendar-main .ul_time_tab ul {
    width: 1100%;
}
.price_low {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ff7145;
    color: #FFF;
    font-size: 5px;
    width: 100px;
    text-align: center;
    position: absolute;
    z-index: 2000;
    font: 10px/16px Arial;
    top: 1px;
    left: 50%;
    margin-left: -50px;
    padding: 0 8px;
}
.price_low .sjx {
    position: absolute;
    content: "\0020";
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #ff7145;
    top: 14px;
    left: 45px;
}
.calendar-main .ul_time_tab li {
    font-weight: bold;
    width: 100px;
    margin: 0 1px 0 0;
    float: left;
    cursor: pointer;
    text-align: center;
    padding-top: 15px;
}
li {
     display: list-item;
     text-align: -webkit-match-parent;
 }
.month-list li {
    position: relative;
}


.calendar-main .ul_time_tab .on, .calendar-main .ul_time_tab li:hover {
    _height: 34px;
    border-bottom: 2px solid #00afc7;
    color: #00afc7;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.calendar-main .ul_time_tab {
    width: 100%;
    overflow: hidden;
    zoom: 1;
    bottom: -1px;
    position: relative;
    height: 51px;
}
.calendar-main .cal-table {
    padding: 0 3px 3px;
}
.calendar-main table {
    border: 1px solid #ededed;
    border-right: 0;
    border-left: 0;
    width: 100%;
}
.wrap table, .wrap td {
    word-break: break-all;
    word-wrap: break-word;
    table-layout: fixed;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.calendar-main table th {
    width: 52px;
    line-height: 25px;
    font-weight: bold;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
th, td {
    font-weight: 400;
}
.calendar-main table td {
    border-bottom: 1px #ededed solid;
    border-left: 1px #ededed solid;
    border-right: 1px #ededed solid;
}
.calendar-main table th .weekend {
    color: #f70;
    text-align: center;
}
.weekday{
    text-align: center;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.calendar-main table td div.normal {
    font-size: 12px;
    text-align: center;
    position: relative;
}
.calendar-main table td div.disable {
    background-color: #fff;
    color: #999;
    cursor: default;
    border: 1px solid #fff;
}
.calendar-main table td div {
    position: relative;
    background: #fff;
    height: 38px;
    font-size: 14px;
    padding: 3px 4px 0 3px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #fff;
    z-index: 1;
    text-align: center;
}
.calendar-main table td div.normal {
    font-size: 12px;
    text-align: center;
    position: relative;
    /*border: #00c5c3 1px solid;*/
    /*background: rgba(0,197,195,0.6);*/
}
.calendar-main table td div .price {
    font-size: 12px;
    left: 0;
    top: 25px;
    width: 100%;
    text-align: center;
}
.calendar-main table td div p {
    color: #ff3d00;
    line-height: 12px;
}
th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
i {
    font-style: italic;
}
.month-list li {
    position: relative;
}
.page-w1200 .trip-date {
    width: 670px;
    padding: 25px 0 0 28px;
}
.trip-date {
    float: left;
    height: 245px;
    padding: 25px 0 0 12px;
    position: relative;
    left: 40px;
}
.trip-date h3 {
    font-size: 18px;
    padding: 0 0 18px 0;
}
.trip-date h3 small {
    font-size: 12px;
    color: #999;
    padding-left: 10px;
}
.trip-date .kind {
    z-index: 3;
}
.trip-date li {
    line-height: 36px;
    position: relative;
    *zoom: 1;
    padding: 9px 0 10px 77px;
    *padding: 9px 0 10px 48px;
    z-index: 1;
}
.clrfix{
    zoom: 1;
}
.trip-date li label {
    color: #999;
    position: absolute;
    top: 10px;
    left: 16px;
    *left: -5px;
}
.qcity {
    display: inline;
    float: left;
    position: relative;
    z-index: 12;
}
.qcbox {
    background-color: #fff;
    color: #555;
    cursor: pointer;
}
.qcbox .flightinput {
    border: 1px solid #e0e0e0;
    padding: 2px 7px;
    height: 29px;
    line-height: 29px;
    cursor: pointer;
}
.qcbox .textbox {
    border: 0 none;
    padding: 3px 0 3px 3px;
    height: 18px;
    font-size: 14px;
    background-color: #fff;
    color: #555;
    width: 170px;
}
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
.trip-date li .notice {
    color: #999;
    margin-left: 3px;
    padding-top: 2px;
    display: inline-block;
}
.clrfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: ".";
}
.qcbox .flightinput {
    border: 1px solid #e0e0e0;
    padding: 2px 7px;
    height: 29px;
    line-height: 29px;
    cursor: pointer;
}
.trip-date .amount {
    z-index: 2;
}
.page-w1200 .trip-date li .valuecomb {
    margin-right: 6px;
}
.valuecomb {
    zoom: 1;
    position: relative;
    float: left;
    display: inline;
    margin-right: 6px;
    top: -2px;
}

.page-w1200 .trip-date li .tag {
    margin: 0 23px 0 1px;
}
.trip-date li .tag {
    float: left;
    margin: 0 7px 0 1px;
    *margin: 0 3px 0 1px;
    font-size: 14px;
    padding: 3px 0 0 0;
}

.valuecomb .decrease, .valuecomb .increase, .valuecomb .decreaseed, .valuecomb .increaseed {
    background: url(../../images/detail-icov10.png) 0 0 no-repeat;
    float: left;
    display: inline;
    margin-top: 13px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.valuecomb .ct {
    float: left;
    display: inline;
    margin: 0 3px;
}
.valuecomb .ct .textbox {
    float: left;
    display: inline;
    margin: 0;
    padding: 2px 0;
    border: 1px solid #e0e0e0;
    width: 43px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    outline: 0;
    margin: 4px 0 0;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
}
.valuecomb .increase {
    background-position: -232px 0;
}
.valuecomb .decrease {
    background-position: -252px 0;
}
.valuecomb .hint {
    background-color: #ffdaa1;
    left: -29px;
    position: absolute;
    top: 24px;
    white-space: normal;
}
.trip-date li .price {
    color: #ff3d00;
    font-size: 24px;
    font-weight: bold;
    margin-right: 5px;
    vertical-align: middle;
}
.trip-date li .price-btn{
    background: #f24a15;
    color: #fff;
    font-size: 18px;
    width: 133px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 40px;
    top: 30px;
}

.line-recommend {
    margin-bottom: 16px;
}
.line-recommend .title {
    background: #00afc7;
    height: 41px;
    line-height: 41px;
    padding: 0 0 0 16px;
    position: relative;
}
.line-recommend .title h2{
    font-size: 18px;
    color: #fff;
    line-height: 41px;

}
.page-w1200 .detail-left {

    _overflow: hidden;
}
.detail-left {
    float: left;
    position: relative;
}
.page-w1200 .detail-left .tab-fixed {
    width: 1200px;
}
.detail-tab .tab-fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    padding: 11px 0 0;
}
.detail-tab .title {
    border-bottom: 1px solid #cfcfcf;
    position: relative;
}
.detail-tab .title li {
    float: left;
}
.detail-tab .title li a {
    display: block;
    font-size: 18px;
    padding: 0 12px;
    color: #333;
    text-decoration: none;
}
.detail-tabcont {
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    *zoom: 1;
}
.common-box .bulletin {
    position: absolute;
    top: 30px;
    left: 0;
    width: 80px;
    height: 80px;
    background: #4dd0e1;
    margin-right: 16px;
}
.common-box .bulletin small {
    display: block;
    font-size: 22px;
    color: #fff;
    padding: 16px 0;
    line-height: 1.2;
    text-align: center;
}
.common-box .word {
    font-size: 14px;
}
.page-w1200 .common-list {
    padding: 0 0 0 97px;
    width: 752px;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.common-box {
    position: relative;
    padding: 30px 15px;
    border-bottom: 1px solid #cfcfcf;
    min-height: 90px;
    margin-top: -1px;
}
.page-w1200 .common-list {
    padding: 0 0 0 97px;
    width: 752px;
}
.clr_after:after, .clrfix:after, .cf:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: ".";
}
.page-w1200 .ordinary-item {
    width: 752px;
    overflow: hidden;
}
.page-w1200 .ordinary-item ul {
    width: 775px;
}
.common-box .text {
    font-size: 14px;
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word;
}
.journey-item li, .ordinary-item li {
    float: left;
}
.page-w1200 .other-custom {
    width: 750px;
    height: auto;
}
.journey-item li img, .ordinary-item li img {
    overflow: hidden;
    margin: 0 4px 10px 0;
}
img {
    vertical-align: bottom;
}
.common-box .process {
    padding-top: 4px;
}

.page-w1200 .common-list {
    padding: 0 0 0 97px;
    width: 752px;
}
.common-box .process .unit {
    position: relative;
    padding: 60px 0 0 0;
    float: left;
    width: 78px;
    overflow: hidden;
}
.page-w1200 .common-box .process i.arrow-ico {
    margin: 10px 18px 0 18px;
}
.common-box .process i.arrow-ico {
    width: 19px;
    height: 35px;
    background-position: -9px -529px;
}
.common-box .process .arrow-ico {
    float: left;
}
.common-box .process i {
    display: block;
    margin: 0 auto 0;
    vertical-align: middle;
    background: url(../../images/detail-icov10.png) no-repeat;
}
.common-box .process i.choose-ico {
    width: 46px;
    height: 42px;
    background-position: 0 -266px;
}
.common-box .process span i {
    position: absolute;
    top: 5px;
    left: 21px;
}
.common-box .process .unit small {
    display: block;
    text-align: center;
    font-size: 12px;
}
.common-box .process i.write-ico {
    width: 43px;
    height: 43px;
    background-position: 0 -312px;
}
.common-box .process i.pay-ico {
    margin-bottom: 12px;
    width: 43px;
    height: 31px;
    background-position: 0 -402px;
}
.common-box .process i.success-ico {
    width: 43px;
    height: 43px;
    background-position: 0 -482px;
}
.comment{
    color: #4dd0e1;
    font-size: 18px !important;
}


.item {
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0;
    position: relative;
}
.page-w1200 .m_col_master {
    width: 587px;
}
.m_col_master {
    float: left;
    position: relative;
    z-index: 1;
}
.m_rate_grade {
    padding: 7px 0;
    margin-bottom: 20px;
    background: #f9f9f9;
}
.m_rate_grade {
    position: relative;
    z-index: 2;
    padding-bottom: 3px;
    display: flex;
}
.m_score_tag {
    display: block;
    position: relative;
    text-align: center;
    min-width: 70px;
    height: 26px;
    background: orange;
    color: #fff;
    line-height: 26px;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
}
.m_score .num {
    font-weight: bold;
}
.m_score_tag:after {
    content: '';
    position: absolute;
    right: -3px;
    top: 10px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px solid orange;
}
.m_grade_box, .m_grade_info {
    display: inline-block;
}
.m_grade_info ul {
    font-size: 0;
}
.m_grade_info ul li {
    font-size: 14px;
    line-height: 26px;
}
.m_grade_info li {
    display: inline-block;
    float: none;
}
.m_grade_info li {
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0 9px;
    margin-right: -1px;
    margin-bottom: 3px;
    color: #666;
}
.m_grade_info li .m_score {
    padding-left: 5px;
    display: inline-block;
}
.m_score .num {
    font-weight: bold;
}
.m_rate_fulltxt {
    color: #333;
    line-height: 20px;
}
.m_rate_fulltxt .m_rate_label {
    font-weight: bold;
    margin-left: -8px;
}
.m_rate_photos_thumb {
    padding: 3px 0;
}
.m_rate_photos_thumb li {
    float: left;
    width: 48px;
    margin: 3px 10px 3px 0;
    cursor: pointer;
}
.m_rate_photos_viewer {
    position: relative;
    left: 0;
    top: 0;
    z-index: 10;
}
.m_rate_date {
    color: #999;
    line-height: 20px;
}
.m_rate_date .date {
    margin-right: 6px;
}
.zan{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../../images/dianzan.svg");
    position: relative;
    left: 100px;
    top: 5px;
}
.zan_ok{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../../images/zanon.svg");
    position: relative;
    left: 100px;
    top: 5px;
}
.counts{
    position: relative;
    left: 100px;
    color: red;
}

.pageNum{
    width: 900px;
    height: 50px;
    background-color: lightgray;
    line-height: 50px;
    margin-top: 30px;
    text-align: center;

}

.pageNum .previous_Page{
    float: left;
    position: absolute;
    left:260px;
}
.pageNum .next_Page{
    float: right;
    position: relative;
    right: 280px;

}
